<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.wrap {
				display: table;
				width: 200px;
				height: 300px;
				border: 1px solid red;
				font-size: 0;
			}
			
			
			.wrap .content {
				display: table-cell;
				vertical-align: middle;
				font-size: 16px;
			}
			

			.box{
				width: 300px;
				height: 200px;
				line-height: 200px;
				border:  1px solid #000;
				text-align: center;
				font-size: 0;
			}
			
			.box span{
				font-size: 16px;
				display: inline-block;
				line-height: normal;
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<span class="content">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure amet iusto ab nobis dolore est quas soluta voluptas repudiandae blanditiis cumque facere ipsa ipsum unde error? Consequatur iusto ad doloribus.
			</span>
		</div>
		<br />
		<div class="box">
			<span>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae porro odit ipsam. Magnam animi a optio incidunt atque maiores excepturi iste rerum tenetur ad. Quis eum nulla architecto enim magnam.
			</span>
		</div>
	</body>
</html>
